<template>
    <view>
        <uni-table border="true" stripe="true">
                <uni-tr>
                    <uni-th align="center">访客姓名</uni-th>
                    <uni-th align="center">手机号</uni-th>
                    <uni-th align="left">到访地址</uni-th>
                    <uni-th align="left" >来访缘由</uni-th>
                    <uni-th align="left">预约时间</uni-th>
                    <uni-th align="left" >备注</uni-th>
                </uni-tr>
                <uni-tr
                    v-for="item in result"
                    :key="item.index"
                >
                    <uni-td>{{item.name}}</uni-td>
                    <uni-td>{{item.phonenumber}}</uni-td>
                    <uni-td>{{item.address}}</uni-td>
                    <uni-td>{{item.reason}}</uni-td>
                    <uni-td>{{item.date}}</uni-td>
                    <uni-td>{{item.object}}</uni-td>
                </uni-tr>
        </uni-table>
    </view>
</template>
<script>
import { uniTable } from "@dcloudio/uni-ui/lib/uni-table/uni-table.vue";
import { uniTh } from '@dcloudio/uni-ui/lib/uni-th/uni-th.vue';
import { uniTd } from '@dcloudio/uni-ui/lib/uni-td/uni-td.vue';
import { uniTr } from '@dcloudio/uni-ui/lib/uni-tr/uni-tr.vue';
export default {
    data() {
        return {
            result: [
                {
                    index: 0,
                    name: "徐元蕾",
                    phonenumber: "18855554444",
                    address: "B310",
                    reason: "拜访亲友",
                    date: "2021-06-05",
                    object: "水管维修",
                },
                {
                    index: 1,
                    name: "天才无敌大帅哥",
                    phonenumber: "18855554444",
                    address: "B310",
                    reason: "拜访亲友",
                    date: "2021-06-05",
                    object: "水管维修",
                },
            ]
        }
    } ,
    components: {
        uniTable,
        uniTh, 
        uniTr, 
        uniTd,
    },
    methods: {
    },
}
</script>

<style scoped>

</style>